<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="assets/ico/favicon.png">

    <title>SPOT - Free Bootstrap 3 Theme</title>

    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="assets/css/main.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="engine1/style.css" />
	<script src="assets/js/bootstrap.min.js"></script>
	<!--<script type="text/javascript" src="engine1/jquery.js"></script>-->
	<script type="text/javascript" src="jquery-easy-ticker-master/jquery.min.js"></script>
	<script type="text/javascript" src="jquery-easy-ticker-master/jquery.easing.min.js"></script>
	<script type="text/javascript" src="jquery-easy-ticker-master/jquery.easy-ticker.js"></script>

	<style>
		.vticker{
		    /*border: 1px solid red;*/
			width: 300px;
		}
		.vticker ul{
			padding: 0;
		}
		.vticker li{
			list-style: none;
			/*border-bottom: 1px solid green;*/
			padding: 10px;
		}
		.et-run{
			background: red;
		}
	</style>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
	<div data-include="header"></div>
  </head>

  <body>
	<div class="container w">
		<div class="row centered">
			<br><br>
			<div class="col-lg-4">
				<i class="fa fa-heart"></i>
				<h4>NEWS</h4>
				<div class="vticker">
					<ul>
						<li>Triangles can be made easily using CSS also without any images. This trick requires only div tags and some CSS works. To get this trick, just use the code below.</li>
						<li>NEWS 2</li>
						<li>NEWS 3</li>
						<li>NEWS 4</li>
						<li>NEWS 5 </li>
						<li class="ww">Hey... Triangles can be made easily using CSS also without any images. This trick requires only div tags and some CSS works. To get this trick, just use the code below.</li>
					</ul>
				</div>
			</div><!-- col-lg-4 -->

			<div class="col-lg-4">
				<i class="fa fa-laptop"></i>
				<h4>ACTIVITY</h4>
				<div class="vticker">
					<ul>
						<li>Triangles can be made easily using CSS also without any images. This trick requires only div tags and some CSS works. To get this trick, just use the code below.</li>
						<li>ACTIVITY 2</li>
						<li>ACTIVITY 3</li>
						<li>ACTIVITY 4</li>
						<li>ACTIVITY 5 </li>
						<li class="ww">Hey... Triangles can be made easily using CSS also without any images. This trick requires only div tags and some CSS works. To get this trick, just use the code below.</li>
					</ul>
				</div>
			</div><!-- col-lg-4 -->

			<div class="col-lg-4">
				<i class="fa fa-trophy"></i>
				<h4>STATICTICS</h4>
				<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even believable.</p>
			</div><!-- col-lg-4 -->
		</div><!-- row -->
		<br>
		<br>
	</div><!-- container -->


	<!-- PORTFOLIO SECTION -->
	<div id="dg">
		<div class="container">
			<div class="row centered">
				<h4>LATEST WORKS</h4>
				<br>
				<div class="col-lg-4">
					<div class="tilt">
					<a href="#"><img src="assets/img/p01.png" alt=""></a>
					</div>
				</div>

				<div class="col-lg-4">
					<div class="tilt">
					<a href="#"><img src="assets/img/p03.png" alt=""></a>
					</div>
				</div>

				<div class="col-lg-4">
					<div class="tilt">
					<a href="#"><img src="assets/img/p02.png" alt=""></a>
					</div>
				</div>
			</div><!-- row -->
		</div><!-- container -->
	</div><!-- DG -->


	<div data-include="footer"></div>


    
    
    <!-- Placed at the end of the document so the pages load faster -->
	<script>
		var dd = $('.vticker').easyTicker({
			direction: 'up',
			easing: 'easeInOutBack',
			speed: 'slow',
			interval: 2000,
			height: 'auto',
			visible: 1,
			mousePause: 0,
			controls: {
				up: '.up',
				down: '.down',
				toggle: '.toggle',
				stopText: 'Stop !!!'
			}
		}).data('easyTicker');
		
		cc = 1;
		$('.aa').click(function(){
			$('.vticker ul').append('<li>' + cc + ' Triangles can be made easily using CSS also without any images. This trick requires only div tags and some</li>');
			cc++;
		});
		
		$('.vis').click(function(){
			dd.options['visible'] = 3;
			
		});
		
		$('.visall').click(function(){
			dd.stop();
			dd.options['visible'] = 0 ;
			dd.start();
		});

		$('div[data-include]').each(function() {
			$(this).load( $(this).attr('data-include') + '.html').trigger('create');
		});
	</script>
  </body>
</html>
